@media screen and (max-width: 1440px) {
  .singleTopic {
    margin-right 8%
  }
}
@media screen and (max-width: 1200px) {
  .singleTopic {
    margin-right 4%
  }
}
/*单个专题*/
.singleTopic
  float left
  margin-right 0.8%
  margin-bottom 20px
  width 392px
  height 467px
  background white
  /*专题名称*/
  > .topicTitle
    padding 18px
    font-size 16px
    color #132338
    border-bottom 1px solid #f4f5f6
    >p
      display flex
      align-items center
      justify-content space-between
      margin-bottom 0
      >.topicEllipsis
        transform rotate(90deg)
        color #939fb9
    >.topicTime
      margin-top 6px
      font-size 12px
      color #7f8894
  /*专题内容*/
  >.topicContent
    padding 18px
    height 337px
    border-bottom 2px solid #f4f5f6
    cursor pointer
    img
      width 100%
      height 218px
    .topicText
      height 71px
      overflow hidden
      text-overflow ellipsis
      display -webkit-box
      -webkit-box-orient vertical !important
      -webkit-line-clamp 3
      margin-top 15px
      font-size 14px
      color #9ba2ab
      line-height 25px
  /*操作*/
  >.topicOperate
    display flex
    flex-wrap nowrap
    width 100%
    height 45px
    /*删除按钮*/
    >.operateDelete
      display flex
      align-items center
      justify-content center
      width 50%
      height 100%
      border-right 2px solid #f4f5f6
      cursor pointer
      >.deleteColor
        margin-right 8px
        color #ff7676
    /*编辑按钮*/
    >.operateEdit
      display flex
      align-items center
      justify-content center
      width 50%
      height 100%
      color #4c9efd
      cursor pointer
      >.editColor
        margin-right 8px

.ant-modal-mask
  background rgba(0, 0, 0, 0.2)

.ant-modal
  top calc(50% - 108px)

/*删除弹框标题部分*/
.ant-modal-header
  padding 20px
  color #30383e
  border-bottom 0
.titleIcon
  display inline-block
  margin-right 10px
  width 35px
  height 35px
  border-radius 50%
  background-color #d9eeff
  color #007be2
  text-align center
  line-height 33px
  font-weight bold
.ant-modal-close-x
  line-height 75px
/*内容部分*/
.ant-modal-body
  padding 18px
.ant-modal-body p
  margin-bottom 10px
  text-align center
  color #52565a
/*按钮部分*/
.ant-modal-footer
  padding 20px
  border-top 0
.ant-modal-footer button + button
  margin-left 20px
.ant-btn
  padding 0 32px
  height 36px
  border-radius 2px

/*新建专题*/
.increase
  margin 20px
  display flex
  align-items center
  justify-content center
  flex-direction column
  width 352px
  height 427px
  border 2px dashed #d2d6da
  border-radius 10px
  color #919599
  font-size 18px
  cursor pointer
  >.addIcon
    margin 20px
    color #d2d6da
    font-size 72px
